import React, { PropTypes } from 'react';
import TweenOne from 'rc-tween-one';

import {Icon, Switch, Popover, Radio, Button, Modal, Form, Input, message, Row, Col, DatePicker, Cascader,Upload,} from 'antd';
const FormItem = Form.Item;
const RadioGroup = Radio.Group;

import '../../less/info.less';

const areaData = [{
  value: 'shanghai',
  label: 'Shanghai',
  children: [{
    value: 'shanghaishi',
    label: 'Shanghai',
    children: [{
      value: 'pudongxinqu',
      label: 'Pudong New District',
    }],
  }],
}];

class ProductService extends React.Component {
  static contextTypes = {

  };

  static defaultProps = {

  };

  constructor(props){
    super(props);
    this.state = {

    }
  }

  componentDidMount(){

  }

  handleUpload(){

  }

  render() {
    const { getFieldProps } = this.props.form;
    return (
      <div className="formContainer" form={this.props.form}>
        <div className="fromHead">
          <span className="title">编辑信息</span>
          <span className="option">
            <span>保存</span>
            <span>关闭</span>
          </span>
        </div>
        <Form horizontal className="ant-advanced-search-formT">
          <Row>
              <Col span={24}>
                <FormItem
                  id="control-textarea"
                  label="公司资质"
                  labelCol={{ span: 4 }}
                  wrapperCol={{ span: 20 }}
                >
                  <Input placeholder="请输入培训经历" type="textarea" id="control-textarea" rows="3" />
                </FormItem>
                <FormItem
                  id="control-textarea"
                  label="承包公司范围"
                  labelCol={{ span: 4 }}
                  wrapperCol={{ span: 20 }}
                >
                  <Input placeholder="请输入培训技术职称" type="textarea" id="control-textarea" rows="3" />
                </FormItem>
                <FormItem
                  id="control-textarea"
                  label="供应区域"
                  labelCol={{ span: 4 }}
                  wrapperCol={{ span: 20 }}
                >
                  <Input placeholder="请输入培训经历" type="textarea" id="control-textarea" rows="3" />
                </FormItem>
                <FormItem
                  id="control-textarea"
                  label="主要生产设备"
                  labelCol={{ span: 4 }}
                  wrapperCol={{ span: 20 }}
                >
                  <Input placeholder="请输入培训经历" type="textarea" id="control-textarea" rows="3" />
                </FormItem>
                <FormItem
                  id="control-textarea"
                  label="工程经验"
                  labelCol={{ span: 4 }}
                  wrapperCol={{ span: 20 }}
                >
                  <Input placeholder="请输入培训经历" type="textarea" id="control-textarea" rows="3" />
                </FormItem>
                <FormItem
                  id="control-textarea"
                  label="过去5年承接项目"
                  labelCol={{ span: 4 }}
                  wrapperCol={{ span: 20 }}
                >
                  <Input placeholder="请输入培训经历" type="textarea" id="control-textarea" rows="3" />
                </FormItem>
                <FormItem
                  id="control-textarea"
                  label="供应品名"
                  labelCol={{ span: 4 }}
                  wrapperCol={{ span: 20 }}
                >
                  <Input placeholder="请输入培训经历" type="textarea" id="control-textarea" rows="3" />
                </FormItem>
                <FormItem
                  id="control-textarea"
                  label="品牌名称"
                  labelCol={{ span: 4 }}
                  wrapperCol={{ span: 20 }}
                >
                  <Input placeholder="请输入培训经历" type="textarea" id="control-textarea" rows="3" />
                </FormItem>
              </Col>
              <Row>
                <Col span={12}>
                  <FormItem
                    id="control-textarea"
                    label="是否新品"
                    labelCol={{ span: 9 }}
                    wrapperCol={{ span: 15 }}
                  >
                    <RadioGroup>
                      <Radio value="male">是</Radio>
                      <Radio value="female">否</Radio>
                    </RadioGroup>
                  </FormItem>
                </Col>
                <Col span={12}>
                <FormItem
                  id="control-textarea"
                  label="品牌区分"
                  labelCol={{ span: 4 }}
                  wrapperCol={{ span: 20 }}
                >
                  <Input type="textarea" placeholder="随便写" />
                </FormItem>
                </Col>
              </Row>
          </Row>
        </Form>
      </div>
    )
  }
}

ProductService = Form.create()(ProductService);

export default ProductService;
